.content {
		background-color: #f5f5f5;
		height: 100%;
	.topBox {
			width: 100%;
			position: relative;
			z-index: 1;
			overflow: hidden;
			padding: 60rpx 20rpx 20rpx;
			box-sizing: border-box;
			.users {
				margin-top: 20rpx;
				padding: 30rpx;
				box-sizing: border-box;
				height: 280rpx;
				background-color: #fff;
				box-shadow: 1px 10rpx 20rpx #ececec;
				border-radius: 12rpx;
			}
			
			.user-header {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: 30rpx;
				image {
					width: 100rpx;
					height: 100rpx;
					border-radius: 50%;
					margin-right: 20rpx;
				}
				.register {
					font-size: 30rpx;
					font-weight: 700;
					color: #333;
				}
			}
			
			.users-bottom {
				display: flex;
				justify-content: space-around;
				align-items: center;
			}
			
			.users-item {
				text-align: center;
				.users-content {
					color: #757575;
					font-size: 26rpx;
					margin-top: 10rpx;
				}
				.num {
					color: #000000;
					font-size: 33rpx;
					font-weight: 700;
				}
			}
		}
		
	.topBox::after {
			content: "";
			width: 140%;
			height: 200px;
			position: absolute;
			left: -20%;
			top: 0;
			z-index: -1;
			border-radius: 0 0 50% 50%;
			background-color: #698d05;
		}
	}

	.bottomBox {
		padding: 20rpx;
		box-sizing: border-box;
		.order-list {
			height: 200rpx;
			margin: -15rpx auto 0;
			padding: 30rpx;
			box-sizing: border-box;
			background-color: #fff;
			border-radius: 12rpx;
			display: flex;
			justify-content: space-around;
			align-items: center;
			.order-item {
				width: 25%;
				text-align: center;
				image {
					width: 60rpx;
					height: 60rpx;
					border-radius: 50%;
				}
				.order-title {
					font-size: 26rpx;
					margin-top: 10rpx;
					color: #757575;
				}
			}
		}
	}
¬
	.listBox {
		margin: -10rpx auto 0;
		padding: 20rpx;
		box-sizing: border-box;
		border-radius: 12rpx;
	}
	.version{
		font-size: 24rpx;
		color: #999;
		text-align: center;
		margin-top: 24rpx;
	}